Quantum Layout
クォンタムレイアウト
量子的なレイアウト
/mrsekut-book-486246517X/133 (2-06 Swicher)
そうすれば、いくつものレイアウトを作成する代わりに、クォンタムレイアウト、つまり単体で複数の状態が重ね合わせられたレイアウトを定義できます。
/mrsekut-book-486246517X/122
これは「クォンタム(量子)レイアウト」です。次の図のように、水平方向と垂直方向のふたつの配置が「重ね合わせの」の状態で存在します。作成した時点では、どちらの配置が採用されるかはわかりません。親コンテナの中に配置されたときのスペースの大きさによって決まります。
/mrsekut-book-486246517X/122
Sidebar レイアウトという名前は、隣接するふたつの要素のうち狭い方である「サイド バー」に由来します。これは「クォンタム(量子)レイアウト」です。次の図のように、水平方向と垂直方向のふたつの配置が「重ね合わせの」の状態で存在します。作成した 時点では、どちらの配置が採用されるかはわかりません。親コンテナの中に配置された ときのスペースの大きさによって決まります。
CSSの本質をやっている感じで良いねmrsekut.icon
flex-basis
https://every-layout.dev/blog/sidebar-flex-basis-clamp/
https://codepen.io/fuzzylogicx/pen/qBOmWbJ